<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>青蛇探针 | 关于</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                                <b style="font-size:48px;">🐍</b>
                            </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <span class="text-muted text-xs block">
                                        管理员
                                        <b class="caret"></b>
                                    </span>
                                </span>
                            </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="profile.html">个人信息</a></li>
                                <li><a href="login.html">登出</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">探针首页</span></a>
                    </li>
                    <li>
                        <a href="serverlist.html"><i class="fa fa-table"></i> <span class="nav-label">服务器列表</span></a>
                    </li>
                    <li>
                        <a href="addserver.html"><i class="fa fa-edit"></i> <span class="nav-label">添加服务器</span></a>
                    </li>
                    <li>
                        <a href="shell.html"><i class="fa fa-indent"></i> <span class="nav-label">批量命令</span></a>
                    </li>
                    <li>
                        <a href="share.html"><i class="fa fa-share-alt"></i> <span class="nav-label">分享服务</span></a>
                    </li>
                    <li>
                        <a href="tg.html"><i class="fa fa-paper-plane-o"></i> <span class="nav-label">telegram推送</span></a>
                    </li>
                    <li>
                        <a href="info.html"><i class="fa fa-user-circle-o"></i> <span class="nav-label">个人中心</span></a>
                    </li>
                    <li class="active">
                        <a href="about.html"><i class="fa fa-handshake-o"></i> <span class="nav-label">关于青蛇探针</span></a>
                    </li>
                </ul>

            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg">

            <div class="row border-bottom">
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                                class="fa fa-bars"></i> </a>

                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <span class="m-r-sm text-muted welcome-message">欢迎来到青蛇探针管理后台</span>
                        </li>
                        <li>
                            <a href="/" target="_blank">
                                <i class="fa fa-home"></i> 首页
                            </a>
                        </li>
                        <li>
                            <a href="login.html">
                                <i class="fa fa-sign-out"></i> 注销
                            </a>
                        </li>
                    </ul>

                </nav>
            </div>
            <!-- <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row m-t-lg">
                    <div class="col-lg-12">
                        <div class="ibox-content">
                            <h2>地图标识</h2>
                            <div id="world-map" style="height: 300px;"></div>
                        </div>
                    </div>

                </div>

            </div> -->
            <div class="wrapper wrapper-content  animated fadeInRight article">
                <div class="row">
                    <div class="col-lg-10 col-lg-offset-1">
                        <div class="ibox">
                            <div class="ibox-content">
                                <div class="text-center article-title" style="margin:15px 0px;">
                                    <h2>
                                        serverMmon(青蛇探针)
                                    </h2>
                                </div>
                                <p>你的Star是我更新的动力，感谢~</p>
                                <p>
                                    serverMmon中文版(青蛇探针)是nodeJs开发的一个酷炫高逼格的云探针、云监控、服务器云监控、多服务器探针。
                                </p>
                                <p>
                                    在线演示：<a href="http://106.126.11.114:5880/">http://106.126.11.114:5880/</a>
                                </p>
                                <p>
                                    github地址：<a href="https://github.com/souying/serverMmon">https://github.com/souying/serverMmon</a>
                                </p>
                                <p>
                                    docker地址：<a href="https://hub.docker.com/r/grbhq/mmon">https://hub.docker.com/r/grbhq/mmon</a>
                                </p>
                                <hr>


                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="footer">
                <div class="pull-right">
                    <a href="https://github.com/souying/serverMmon">serverMmon</a>
                </div>
                <div>
                    <strong>Copyright</strong> 青蛇探针 &copy; 2022-2023
                </div>
            </div>

        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- jquery UI -->
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>

    <!-- Touch Punch - Touch Event Support for jQuery UI -->
    <script src="js/plugins/touchpunch/jquery.ui.touch-punch.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>

    <!-- Jvectormap -->
    <script src="js/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
    <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

    <!-- Flot -->
    <script src="js/plugins/flot/jquery.flot.js"></script>
    <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="js/plugins/flot/jquery.flot.resize.js"></script>
    <script>
        $(document).ready(function () {


            var mapData = {
                "US": 498,
                "SA": 200,
                "CA": 1300,
                "DE": 220,
                "FR": 540,
                "CN": 120,
                "AU": 760,
                "BR": 550,
                "IN": 200,
                "GB": 120,
                "RU": 2000
            };

            $('#world-map').vectorMap({
                map: 'world_mill_en',
                backgroundColor: "transparent",
                regionStyle: {
                    initial: {
                        fill: '#e4e4e4',
                        "fill-opacity": 1,
                        stroke: 'none',
                        "stroke-width": 0,
                        "stroke-opacity": 0
                    }
                },
                series: {
                    regions: [{
                        values: mapData,
                        scale: ["#1ab394", "#22d6b1"],
                        normalizeFunction: 'polynomial'
                    }]
                }
            });
        });
    </script>


</body>

</html>